@import '~/common/var.less';

.M-cardOrder {
   border: 1rpx solid #e1e1e1;
   border-radius: 10rpx;
   margin: 0 20rpx 20rpx;
   padding: 0 20rpx;
   background: #fff;
   &Head {
       display: flex;
       line-height: 80rpx;
       border-bottom: 1rpx solid #e1e1e1;
       display: flex;
       justify-content: space-between;
       font-size: 28rpx;
       i {
           font-style: normal;
           color: @btnColor;
       }
   }
   &Con {
       display: flex;
       padding: 20rpx 0;
       .pic {
           @w: 160rpx;
           width: @w;
           height: @w;
           background: #efefef;
           margin-right: 20rpx;
       }
       .con {
           flex: 1;
           .t {
               font-size: 28rpx;
               color: #414141;
               word-break: keep-all;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }
           .desc {
               font-size: 24rpx;
               display: -webkit-box;
               -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;
               color: gray;
               word-break: break-all;
               overflow: hidden;
               text-overflow: ellipsis;
               line-height: 1.5em;
               height: 70rpx;
               margin-top: 10rpx;
           }
       }
       .right {
           margin-left: 20rpx;
           display: flex;
           align-items: flex-end;
           .price {
               font-size: 28rpx;
               color: @btnColor;
           }
       }
   }
}